.dailyBill {
    margin-bottom: 10px;
    border-radius: 10px;
    background: #ffffff;
  
    .header {
      --ka-text-color: #888c98;
      padding: 15px 15px 10px 15px;
  
      .dateIcon {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 21px;
        margin-bottom: 9px;
        .arrow {
          display: inline-block;
          width: 5px;
          height: 5px;
          margin-top: -3px;
          margin-left: 9px;
          border-top: 2px solid #888c98;
          border-left: 2px solid #888c98;
          transform: rotate(225deg);
          transform-origin: center;
          transition: all 0.3s;
        }
        .arrow.expand {
          transform: translate(0, 2px) rotate(45deg);
        }
  
        .date {
          font-size: 14px;
        }
      }
    }
    .oneLineOverview {
      display: flex;
      justify-content: space-between;
  
      .pay {
        flex: 1;
        .type {
          font-size: 10px;
          margin-right: 2.5px;
          color: #e56a77;
        }
        .money {
          color: var(--ka-text-color);
          font-size: 13px;
        }
      }
  
      .income {
        flex: 1;
        .type {
          font-size: 10px;
          margin-right: 2.5px;
          color: #4f827c;
        }
        .money {
          color: var(--ka-text-color);
          font-size: 13px;
        }
      }
  
      .balance {
        flex: 1;
        margin-bottom: 5px;
        text-align: right;
  
        .money {
          line-height: 17px;
          margin-right: 6px;
          font-size: 17px;
        }
        .type {
          font-size: 10px;
          color: var(--ka-text-color);
        }
      }
    }
  
    .billList {
      padding: 15px 10px 15px 15px;
      border-top: 1px solid #ececec;
      .bill {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 43px;
        margin-bottom: 15px;
  
        &:last-child {
          margin-bottom: 0;
        }
  
        .icon {
          margin-right: 10px;
          font-size: 25px;
        }
        .detail {
          flex: 1;
          padding: 4px 0;
          .billType {
            display: flex;
            align-items: center;
            height: 17px;
            line-height: 17px;
            font-size: 14px;
            padding-left: 4px;
          }
        }
        .money {
          font-size: 17px;
  
          &.pay {
            color: #ff917b;
          }
          &.income {
            color: #4f827c;
          }
        }
      }
    }
  }
  .dailyBill.expand {
    .header {
      border-bottom: 1px solid #ececec;
    }
    .billList {
      display: block;
    }
  }